<template>
  <svg
    t="1754476355766"
    class="icon"
    viewBox="0 0 1024 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    p-id="950"
    :width="size"
    :height="size"
  >
    <path
      d="M199.04 672.64l193.984 112 224-387.968-193.92-112-224 388.032z m-23.872 60.16l32.896 148.288 144.896-45.696zM455.04 229.248l193.92 112 56.704-98.112-193.984-112zM104.32 708.8l384-665.024 304.768 175.936L409.152 884.8h0.064l-248.448 78.336z m384 254.272v-64h448v64z"
      p-id="951"
      :fill="color"
    ></path>
  </svg>
</template>

<script>
  export default {
    name: "EditPenIcon",
    props: {
      size: {
        type: [Number, String],
        default: 24,
      },
      color: {
        type: String,
        default: "#ffffff",
      },
    },
  };
</script>

<style scoped>
  .icon {
    display: inline-block;
    padding-top: 4px;
  }
</style>
